//state 组件状态
//1.设置初始化存储state 类成员属性
//2.this.setState({}) 修改state的值并渲染页面
import React, { Component } from 'react'

export default class App extends Component {
  //state定义方式一
  // constructor(){
  //   super()
  //   this.state={
  //     num:100
  //   }
  // }
  //类成员属性
  // num = 100
  //state定义方式二
  state={
    num:100
  }
  add = () => {
    // this.num++
    // console.log(this.num++);
    //setState触发页面渲染
    //this.setState({})  {}空对象
    this.setState({ num: this.state.num + 1 })
    //this.state.num = this.state.num + 1 
    console.log(this.state.num);
  }
  render() {
    return (
      <div>
        <button onClick={this.add}>{this.state.num}</button>
      </div>
    )
  }
}
